<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>

	<body>
		<p>这是坚持到了第1天，明天会更好</p>
		<p>这是坚持到了第2天，明天会更好</p>
		<p>这是坚持到了第3天，明天会更好</p>
		<p>这是坚持到了第4天，明天会更好</p>
		<p>这是坚持到了第5天，明天会更好</p>
		<p>这是坚持到了第6天，明天会更好</p>
		<p>这是一个红色背景得边框</p>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					var div=$("div");
					div.animate({
						left: '250px',
						width: '+=100px',
						height:'+=20px'
					});
					div.animate({
						fontSize:'+=12px',
					})
				});
			});
		</script>
		<div style="background:#98bf21;height:100px;width:100px;position:absolute;margin: 30px;text-align: center;">jQuery动画
		</div>

		<button>开始动画</button>
	</body>

</html>